
layui.use('table', function () {
        var table = layui.table;
        //执行渲染
        table.render({
            elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
            ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
            ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
                title: '提示'
                ,layEvent: 'LAYTABLE_TIPS'
                ,icon: 'layui-icon-tips'
            }]
            , height: 550 //容器高度
            ,url:'/admin/user'
            , page:true
            , cols: [[ //标题栏
                {checkbox:true},
                {field: 'uId', title: '用户id', width: 80, rowspan: 2} //rowspan即纵向跨越的单元格数
                , {field: 'uName', title: '用户名', width: 220, rowspan: 2}
                , {field: 'uType', title: '用户类型', width: 80, rowspan: 2}
                ,{fixed: 'right', width:300, align:'center', toolbar: '#barDemo'}
            ]]
          ,parseData: function(res){ //res 即为原始返回的数据
        return {
            "code": 0, //解析接口状态
            "count": res.total, //解析数据长度
            "data": res.rows //解析数据列表
        };
    }
        });

    var tableOptions ={
        elem: '#demo1' //指定原始表格元素选择器（推荐id选择器）
        , height: 550 //容器高度
        ,url:'/admin/item'
        ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        , page:true
        ,limit: 20
        , cols: [[ //标题栏
            {checkbox:true},
            {field: 'id', title: 'id',width: 50, rowspan: 2} //rowspan即纵向跨越的单元格数
            , {field: 'cId', title: '商品id',width: 80,rowspan: 2}
            , {field: 'cTitle', title: '商品名', width: 300, rowspan: 2}
            , {field: 'cType', title: '商品类型', width: 80, rowspan: 2}
            , {field: 'cUrl', title: '商品url', width: 120, rowspan: 2}
            , {field: 'cSales', title: '销量', width: 80, rowspan: 2}
            , {field: 'cLocation', title: '商品地址', width: 80, rowspan: 2}
            ,{fixed: 'right', width:300, align:'center', toolbar: '#barDemo'}
        ]]
        ,parseData: function(res){ //res 即为原始返回的数据
            return {
                "code": 0, //解析接口状态
                "count": res.total, //解析数据长据列表度
                "data": res.rows //解析数
            };
        }
    }
    table.render(tableOptions);

    $("#search").click(function () {
        console.log("test")
        tableOptions.url='/commodity/search?name='+$("#searchVal").val();
        layui.table.render(tableOptions)
    })


    //头工具栏事件
    table.on('toolbar(test)', function(obj){
        var checkStatus = table.checkStatus(obj.config.id);
        switch(obj.event){
            case 'getCheckData':
                var data = checkStatus.data;
                layer.alert(JSON.stringify(data));
                break;
            case 'getCheckLength':
                var data = checkStatus.data;
                layer.msg('选中了：'+ data.length + ' 个');
                break;
            case 'isAll':
                layer.msg(checkStatus.isAll ? '全选': '未全选');
                break;

            //自定义头工具栏右侧图标 - 提示
            case 'LAYTABLE_TIPS':
                layer.alert('这是工具栏右侧自定义的一个图标按钮');
                break;
        };
    });


    function delData(id){

        $.ajax({
            url: '/commodity/delete?id='+id, //地址
            data:{
            },
            dataType: 'json', //数据类型
            type: 'GET', //类型
            timeout: 2000, //超时
            //请求成功
            success: function(data, status) {
                layer.alert("删除成功")
            },
            //失败/超时
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                if (textStatus === 'timeout') {
                    log.success('請求超時');
                    setTimeout(function() {
                        log.success('重新请求');
                    }, 2000);
                }
            }
        });
    }
    //监听工具条
    table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

        if(layEvent === 'detail'){ //查看
            //do somehing
            layer.alert(data);

        } else if(layEvent === 'del'){ //删除
            layer.confirm('是否删除商品《'+data.cTitle+"》", function(index){
                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                layer.close(index);
                console.log(data.id)
                delData(data.id);
                //向服务端发送删除指令
            });
        } else if(layEvent === 'edit'){ //编辑
            //do something

            //同步更新缓存对应的值
            obj.update({
                username: '123'
                ,title: 'xxx'
            });
        } else if(layEvent === 'LAYTABLE_TIPS'){
            layer.alert('Hi，头部工具栏扩展的右侧图标。');
        }
    });
});
var layer
layui.use('layer', function(){
    layer = layui.layer;
});